<div ng-controller="UsersController as usersController">
   	 <h3>
   	 	<span class=clickable ng-click="usersController.getUsers(1)"> ALL </span>
    	<span class=clickable ng-repeat="letter in letters" ng-click="usersController.getUsers(1, letter)"> {{letter}} </span>
    </h3>
<!--     <div ng-controller="infosController as infosController"> -->
        <div ng-controller="InfosController as infoCtrl">
         		<div ng-repeat="user in page.content">
                    <a ui-sref="infos({userId: user.id})" ng-click="infoCtrl.getInfos(user.id) || usersController.makeFullName(user.firstName, user.middleName, user.lastName)">
                    {{user.firstName}} {{user.middleName}} {{user.lastName}}</a>
                    <span ng-click="usersController.openEditUserDialog(user)" class="glyphicon glyphicon-edit edit-icon clickable glyphs"></span>
                    <span ng-click="usersController.openDeleteUserDialog(user.id)" class="glyphicon glyphicon-remove delete-icon clickable"></span>
<!--                     <h3>{{user.firstName}}</h1> -->
                </div>
                  
                <span ng-click="usersController.openCreateUserDialog()" class="glyphicon glyphicon-plus plus-icon clickable"></span>
        </div>
    </div>
    
<!--     <infos></infos> -->

			    
    
    <div>
	 	<pagination
			ng-hide="totalPages <= 1"
		 	total-items="totalElements"
			ng-model="currentPage"
			items-per-page="numPerPage"
			max-size="maxSize"
			class="pagination-sm"
			boundary-links="true">
		</pagination>
	</div>
</div>
